<template>
  <div id="app">
    <router-view/>
  </div>
</template>
<script>
  let time = null //超时退出 定时器 必须放到全局，解决vue数据同步导致无法清除定时器
  export default {
    name: "app",
    data() {
      return {

      }
    },
    methods: {
      loginOut(){
        this.$router.push("/");
      },
      currentTime(){ // 超时退出
        if(time){
          window.clearTimeout(time)
          time = null
        }
        time = window.setTimeout(()=>{
          this.$message({
            message: '登录超时，将返回登录页',
            type: 'error',
            duration: 1500
          })
          setTimeout(() => {
            this.loginOut()
          }, 2000)
        //  登录超时1天
        },1000*60*60*24)
      },
    },
    created() {
      window.addEventListener('click', () => {
        if(this.$route.path != '/'){
          this.currentTime();
        }
      })
    },
  };
</script>


